<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Language" content="en" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>General popup window - resizable/draggable (bsystem)</title>
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="jquery.ui.core.js"></script>
		<script type="text/javascript" src="jquery.ui.widget.js"></script>
		<script type="text/javascript" src="jquery.ui.mouse.js"></script>
		<script type="text/javascript" src="jquery.ui.draggable.js"></script>
		<script type="text/javascript" src="jquery.ui.resizable.js"></script>
		<script type="text/javascript" src="jquery.mbwindow.js"></script>
		<link type="text/css" href="style.css" rel="stylesheet" />
		<link type="text/css" href="mbwindow.css" rel="stylesheet" />
		<script type="text/javascript">
			$(document).ready(function(){
				$("#show").click(function(){
					$(".test").mbwindow('open');
				})
				$("#set-content").click(function(){
					$(".test").mbwindow('setContent','ddd');
				})
				$("#set-content-ajax").click(function(){
					$(".test").mbwindow('setContentAjax','action=test1&dane=dupa');
				})
				$("#set-content2-ajax").click(function(){
					$(".test").mbwindow('setContentAjax','action=test2');
				})
			
				$(".test").mbwindow({
					autoOpen:	true,
					openSpeed:	300,
					xPosition:	'center',
					yPosition:	'center',
					startWidth:600,
					startHeight:410,
					url: 'ajax.php'
				});
				
//				$(".test2").mbwindow({
//					autoOpen:	true,
//					openSpeed:	500,
//					xPosition:	'left',
//					yPosition:	'top',
//					yAdd: 60,
//					xAdd:40,
//					startWidth:400,
//					startHeight:310,
//					draggable: false,
//					resizable: false,
//					collapsible: false,
//					close: false
//				});
			});
		</script>
	</head>
	<body>
		
			<div id="show">Pokaz okno</div>
			<div id="set-content">Ustaw treść</div>
			<div id="set-content-ajax">Ustaw treść ajaxowo</div>
			<div id="set-content2-ajax">Ustaw ajaxowo dłuższy tekst</div>
			<div class="test" title="tytuł okna">Treść okna</div>
<!--			<div class="test2" title="tytuł drugiego okna">Treść drugiego</div>-->
		
	</body>
</html>